@charset "utf-8";
@media (max-width:1200px){
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; padding-left:10px; padding-right:10px; box-sizing:border-box;}
	.c-con2{ width:100%; box-sizing:border-box;}
	.swiper-cen{ width:100%; padding-left:10px; padding-right:10px; }
	
	.swiper-title h3{font-size:24px; }
	.swiper-title p{font-size:12px; }
	.swiper-title{ margin-left:0; left:0;}
	
	.hezuo-list{ width:100%; padding-left:10px; padding-right:10px;}
	
	.cases-list li:hover .cl-about{ height:196px; margin-top:-88px;}
	.cases-list li .cl-about h3{ margin-top:10px;}
	.cases-list li .cl-about h4{ height:40px;}
	.cases-list li .cl-about h5{ margin-top:10px;}
	
	.y-row{ display:none;}
	.map{ display:block;}
	
	.serv-cen{ width:100%; padding-left:10px; padding-rigth:370px;}
	.erweima{ right:10px;}
	.serv-phone{ right:120px;}
	.footer-cen{ width:100%;}
}
@media (max-width:992px){
	.swiper-title h3{font-size:20px; }
	
	.navlist li{font-size:12px; }
	.menu-list li{ padding-left:55px; padding-top:10px; padding-bottom:10px; height:64px; font-size:14px;}
	.menu-list li p{left:15px; top:50%;}
	.cases-list li{ width:25%;}
	.cases-list li .cl-about h3{ font-size:12px;}
	.tongji p{ font-size:20px;}
	
	.cmenu-list li{padding:10px 12px; height:40px; font-size:12px;}
}
@media (max-width:768px){	
	
	.swiper-title h3{font-size:16px; }
	.swiper-title p{ line-height:20px;}
	
	
	.hd-cen > .btn-nav{ display:block;}
	.nav{padding:5px 0; display:none;}
	.serv-phone2{ display:none;}
	
	.navlist li{ width:30%; height:20px; line-height:20px; margin-right:0;box-sizing:border-box;text-align:left; }
	.navlist li:nth-of-type(1){text-align:left; padding-left:10px; width:10%;}	
	.navlist li:nth-of-type(5){ padding-left:10%; width:40%;} 
	.menu-list li span{ display:none;}
	.menu-list li p{ left:50%; margin-left:-18px;}
	.cl-list{ display:none;}
	.swiper3 .swiper-slide{ display:block;}
	.col-header h3{ font-size:18px; padding:6px 40px;}
	.col-header p{ font-size:12px; padding-left:20px; padding-right:20px; }
	.home-header h3{ font-size:18px; padding:6px 20px;}
	.home-header p{ font-size:12px; padding-left:20px; padding-right:20px; }
	
	.union-list li{ width:33.3%; }
	.union-list li h3{ font-size:12px; }
	
	
	.hezuo-list li{ width:32%; margin-right:2%; margin-bottom:10px;}
	.city-cen .cc-about .cc-form p,.city-cen .cc-about .cc-form p:nth-of-type(5){ width:100%}
	.serv-phone { width:160px;}
	.serv-phone p{ font-size:20px;}
}

@media (max-width:600px){	
	.swiper-title p{ display:none;}
	.swiper-title .swiper-more{ padding:5px 10px;}
	.jishu-list li{ width:100%; margin-right:0; margin-bottom:10px;}
	.tongji p{ font-size:16px; padding-top:10px; padding-bottom:10px;}
	
	.cases-list li{ width:33.33%;}
	.cases-list li .cl-about h3{ font-size:12px;}
	
	/*.cmenu-list li{padding:10px 20px; height:40px; font-size:12px;}*/
	.city-cen .cc-about .cc-img,.city-cen .cc-about .cc-form{ width:100%;}
	.city-cen .cc-about .cc-form{ margin-top:10px;}
	
	.serv-cen{padding-right:10px;}
	.erweima{ right:auto; left:0px; top:0; margin-top:0px; position:inherit;}
	.serv-phone { width:210px; top:10px; right:auto; left:120px; margin-top:0px;}
	.serv-phone h3{ text-align:left;}
	.serv-phone p{ font-size:28px;}
	.serv-contact{ width:100%;}
}

@media (max-width:480px){	
	.swiper-title{ margin-top:20px;}
	.navlist li{ width:33.3%; height:24px; line-height:24px; margin-right:0;box-sizing:border-box;text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.navlist li:nth-of-type(1){text-align:left; padding-left:10px; width:0; display:none;}	
	.navlist li:nth-of-type(5){ padding-left:0; width:33.3%;} 
	.swiper-title h3{font-size:16px; }
	
	.col-header h3{ font-size:16px;}
	.home-header h3{ font-size:16px;}
	
	.union-list li{ width:50%; }
	
	.cases-list li{ width:50%;}
	.cases-list li .cl-about h3{ font-size:12px;}
	
	.tongji p{ font-size:14px;}
	.cases-list li:hover .cl-about{ height:226px; margin-top:-113px;}
	.cases-list li .cl-about h3{ margin-top:20px;}
	.cases-list li .cl-about h4{ height:60px;}
	.cases-list li .cl-about h5{ margin-top:20px;}
	
	.hezuo-list li{ width:49%; margin-right:0; margin-bottom:10px;}
	.hezuo-list li:nth-of-type(2n){ float:right;}
	
	.col-header h3{ width:200px; font-size:18px;}
	.home-header h3{font-size:18px;}
	.detail-cen{ font-size:12px; line-height:24px;}
	
	.service{padding:10px 0; }
}
@media (max-width:375px){
	.navlist li span{ display:none;}
	
	
	.serv-phone { width:160px;}
	.serv-phone p{ font-size:20px;}
	.footer-cen{padding-left:10px;}
	.copyright{ border-left:0; padding-left:0;}
}
/* 2018-6-4 首页改版css变更 @ljk*/
.swiper1 .swiper-slide {width:100% !important;
	background-size:cover}
@media (max-width:768px){
    .serv-button{display:none;}
    /* 手机端banner文字大小*/
    .swiper-title h3{ width:100%; font-size:2em; font-weight:bold; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
    .swiper-title p{ width:100%; height:auto; line-height:1.6em; font-size:1.2em;opacity:0.6;margin:28px 0 20px;}
    .swiper-title .swiper-more{ margin:10px auto; padding:10px 28px; text-align:center; border:0px solid #FFF; color:#FFF; font-size:1em; display:block; width:80px;  font-family:"宋体";background-color:#be2924;border-radius:17px;}
    .swiper-slide{background-image: none;}
    .swiper-title p{display: block;}
    .swiper-container{height: 200px;}
    .swiper-title p span{display: none;}
    .cases-list li:last-child{display: none;}
    .swiper-title .swiper-pc{display: none;}
    .swiper-title .swiper-mobile{display: block;}
    }
        
}